@charset "utf-8";
/* CSS Document */
#product_Body {
	position:relative;
	width: 940px;
	border: 1px solid;
	margin: 0 auto;
	background-color: #FFF;
}
#product_Girlfriend {
	position:relative;
	width: 910px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 15px;
	margin-left: 15px;
	}
#product_title {
	position:relative;
	width: 910px;
	font-weight:bold;
	margin-bottom: 5px;
	}
#product_header {
	position:relative;
	width: 910px;
	height: 420px;
	background-image: url("image/Girlfriend_Header.jpg")
	}
#navigation {
	position:absolute;
	width: 910px;
	height: 32px;
	bottom: 0px;
}
#product_story {
	position:relative;
	width: 910px;
	height: 400px;
	margin-top: 20px;
	background-image: url("image/Story_BG.jpg")
	}
#sample_CG {
	position:relative;
	width: 910px;
	height: 560px;
	margin-top: 10px;
}
#thumbnail {
	float: right;
	width: 320px;
	height: 560px;
	margin-right: 40px;
}
#chara_sayuri {
	position:relative;
	width: 910px;
	height: 560px;
	background-image: url("image/chara_sayuri_BG.png")
}
#chara_mans {
	position:relative;
	width: 910px;
	height: 520px;
	background-image: url("image/chara_mans_BG.png")
}
#sample_slick {
	position:relative;
	width: 90%;
	margin-top: 10px;
}
#sample_movie {
	position:relative;
	width: 910px;
	height: 560px;
	margin-top: 10px;
}
#spec {
	position:relative;
	width: 910px;
}
p.txt-1 {
	position:absolute;
	z-index: 2;
	bottom: 0px;
	left: 5px;
	font-size: medium;
	font-weight:bold;
	line-height:110%;
	letter-spacing:0.8pt;
	color: #fff;
	text-shadow:
	-1px -1px #000,
	1px -1px #000,
	-1px 1px #000,
	1px 1px #000;
	border-radius: 8px;
	background-color: rgba(0,0,0,0.5);
}
p.txt-2 {
	position:absolute; 
	bottom: 0px;
	Right: 20px;
	z-index: 1;
	font-weight:bold;
	line-height:110%;
	letter-spacing:0.8pt;
	color: #fff;
	text-shadow:
	-1px -1px #000,
	1px -1px #000,
	-1px 1px #000,
	1px 1px #000;
	border-radius: 8px;
	background-color: rgba(0,0,0,0.5);
}
p.txt-3 {
	position:absolute; 
	bottom: 0px;
	left: 30px;
	z-index: 1;
	font-weight:bold;
	line-height:110%;
	letter-spacing:0.8pt;
	color: #fff;
	text-shadow:
	-1px -1px #000,
	1px -1px #000,
	-1px 1px #000,
	1px 1px #000;
	border-radius: 8px;
	background-color: rgba(0,0,0,0.5);
}
p.txt-4 {
	position:absolute; 
	bottom: 0px;
	right: 30px;
	z-index: 1;
	font-weight:bold;
	line-height:110%;
	letter-spacing:0.8pt;
	color: #fff;
	text-shadow:
	-1px -1px #000,
	1px -1px #000,
	-1px 1px #000,
	1px 1px #000;
	border-radius: 8px;
	background-color: rgba(0,0,0,0.5);
}
.image-01 {
	position:absolute; 
	bottom: 0px;
	right: 0px;
	z-index: 1;
}
.image-02 {
	position:absolute; 
	bottom: 0px;
	left: 20px;
}
.image-03 {
	margin-bottom: 5px;
}
.navi-01{
	position: absolute;
    width: 90px;
    height: 32px;
	left: 2px;
}
.navi-02{
	position: absolute;
    width: 152px;
    height: 32px;
	left: 92px;
}
.navi-03{
	position: absolute;
    width: 111px;
    height: 32px;
	left: 244px;
}
.navi-04{
	position: absolute;
    width: 63px;
    height: 32px;
	left: 355px;
}
img {
	-webkit-transition: all 1s;
	transition: all 1s;
}
.expand img:hover{
	-webkit-transform: scale(10);
	transform: scale(10);
}
a:link {
	color: #FFF;
}
a:visited {
	color: #FFF;
}